<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>vue</title>
  <script src="https://cdn.bootcss.com/vue/2.5.17/vue.min.js"></script>
  <style>
    .bg{
    color:red;
    }
  </style>
</head>
<body>
  <script src="../js/Cart.js"></script>
<div id="app" class="vue">
  {{mess}}
</div>
<div class="bg">
    hello word!!
  {{msg}}
  {{count}}
<!--  v-bind 或者 用 :来绑定一些属性-->
  <a v-bind:href="url">百度</a>
<!--  利用 v-on 或者 @ 来绑定一些事件-->
  <button type="button" v-on:click="submit()">加数字</button>
  </div>
<script >
    new Vue({
      el:'.bg',
      data:{
        url:'http://baidu.com',
      msg:'Hello vue!',
        count:'0'
      },
      methods:{
        submit:function(){
          this.count ++
        }
      }
    })
</script>
</body>
</html>
